<extend name="./Common/View/EasyUI/datagrid.html"/>

<block name="search">
    <table class="search-table table-condensed">
        <tr>
            <td>角色</td>
            <td><input type="text" name="title" class="span2 input-text"></td>
            <td><a href="javascript:void(0);" id="btn_search" class="easyui-linkbutton"
                   data-options="plain:true,iconCls:'icon-search'">搜索</a>
                <a href="javascript:void(0);" id="btn_clear" class="easyui-linkbutton"
                   data-options="plain:true,iconCls:'icon-remove'">清空</a>
            </td>
        </tr>
    </table>
</block>

<block name="toolbar">
    <a onclick="curd.add( '添加角色')" href="javascript:void(0);" class="easyui-linkbutton"
       data-options="plain:true,iconCls:'icon-plus'">添加</a>
    <a onclick="curd.batch('enable')" href="javascript:void(0);" class="easyui-linkbutton"
       data-options="plain:true,iconCls:'icon-ok-circle'">启用</a>
    <a onclick="curd.batch('disable', '您确认要禁用这些角色吗？')" href="javascript:void(0);" class="easyui-linkbutton"
       data-options="plain:true,iconCls:'icon-remove-circle'">禁用</a>
    <a onclick="curd.reload();" href="javascript:void(0);" class="easyui-linkbutton"
       data-options="plain:true,iconCls:'icon-refresh'">刷新</a>
</block>

<block name="columns">
    <thead>
    <tr>
        <th data-options="field:'id',checkbox:true"></th>
        <th data-options="field:'idField',width:150,formatter:format_operation">操作</th>
        <th data-options="field:'title',width:200,sortable:true">角色名称</th>
        <th data-options="field:'status',width:100,formatter:format_status">状态</th>
        <th data-options="field:'is_default',width:200,formatter:format_default">系统默认角色</th>
    </tr>
    </thead>
</block>

<block name="script">
    <script>
        function format_operation(value, row, index) {
            return format_button(row.id, ['edit','delete'])+'<a href="javascript:void(0);" onclick="curd.dialog(\'__URL__/menu/role_id/'+row.id+'\',\''+row.title+'\')"><i class="icon-align-justify"></i>权限</a>';
        }
        function format_default(value, row, index) {
            return value == 1 ? '是' : '否';
        }
    </script>
</block>